@mixin flex($row: space-between, $col: center) {
    display: flex;
    justify-content: $row;
    align-items: $col;
}

@mixin bgImg($wid:0, $hei:0, $url:"", $bgs:contain, $dp:inline-block) {
    width: $wid;
    height: $hei;
    background: url($url) no-repeat center;
    background-size: $bgs;
    display: $dp;
}

@mixin hoverfl($x:0, $y:0, $z:0, $time:.5s) {
    transform: translate3d($x, $y, $z);
    transition: all $time linear;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}

@mixin position($pos:absolute, $top:0, $left:0, $w: 0, $h:0) {
    position: $pos;
    top: $top;
    left: $left;
    width: $w;
    height: $h;
}